<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="./resources/css/default.css" rel="stylesheet" type="text/css" />
        <link href="./resources/css/style.css" rel="stylesheet" type="text/css" />
        <title>Wirtualna biblioteka internetowa</title>
    </h:head>
    
    <h:body>
       <h:form id="form">
        <div id="global">
            <br/>
            <div id="globalin">
                <div id="header">
                    <ui:insert name="top"><h1 class="top">Wirtualna biblioteka internetowa</h1></ui:insert>                    
                </div>
                <div id="underheader">
                    <ui:insert name="top2">
                        Witaj: <h:outputLabel value="#{AuthenticationBean.name}"/>, Dzisiaj jest: <h:outputLabel value="#{AuthenticationBean.time}"/>,    
                        <h:commandButton value="Wyloguj" immediate="true" action="#{AuthenticationBean.logout}" rendered="#{AuthenticationBean.loggedIn}" />
                    </ui:insert>
                </div>
                <div id="menutop">
                     <ui:insert name="menutop">
                        <div class="menu_top"><h:link outcome="/index"><h:graphicImage url="./resources/images/bg2.png" width="10px" height="10"/> Główna</h:link></div> 
                        <div class="menu_top"><h:link outcome="/mapa"><h:graphicImage url="./resources/images/bg2.png" width="10px" height="10"/> Lokalizacja</h:link></div> 
                        <div class="menu_top"><h:link outcome="/kontakt"><h:graphicImage url="./resources/images/bg2.png" width="10px" height="10"/> Kontakt</h:link></div>
                        <div class="menu_top"><h:link outcome="/faq"><h:graphicImage url="./resources/images/bg2.png" width="10px" height="10"/> FAQ</h:link></div>                              
                        <div class="menu_top"><h:link outcome="/przegladajKsiazki.xhtml"><h:graphicImage url="./resources/images/bg2.png" width="10px" height="10"/> Katalog</h:link></div>   
                    </ui:insert>
                </div>
                <div id="in">
                    <div id="menu">
                        <h:panelGrid columns="1" width="200">
                        <rich:panelMenu style="width:195px" itemMode="ajax" groupMode="ajax"
                            groupExpandedLeftIcon="triangleUp"
                            groupCollapsedLeftIcon="triangleDown"
                            topGroupExpandedRightIcon="chevronUp"
                            topGroupCollapsedRightIcon="chevronDown"
                            itemLeftIcon="disc">
                             <rich:panelMenuGroup label="KSIĄŻKI">
                                <h:link outcome="/uzytkownik/mojeKsiazki"><rich:panelMenuItem label="MOJE KSIĄŻKI" /></h:link>
                                <h:link outcome="/uzytkownik/wypozyczKsiazke"><rich:panelMenuItem label="PRZEGLĄDAJ" /></h:link>
                                <h:link outcome="/uzytkwonik/wyszukajKsiazke"><rich:panelMenuItem label="SZUKAJ" /></h:link>

                            </rich:panelMenuGroup>
                            <rich:panelMenuGroup label="BIBLIOTEKA">
                                <h:link outcome="/struktura"><rich:panelMenuItem label="STRUKTURA" /></h:link>
                                <h:link outcome="/mapa"><rich:panelMenuItem label="LOKALIZACJA" /></h:link>
                                <h:link outcome="/kontakt"><rich:panelMenuItem label="KONTAKT" /></h:link>
                            </rich:panelMenuGroup>
                            <rich:panelMenuGroup label="E-BIBLIOTEKA">
                                <h:link outcome="/index"><rich:panelMenuItem label="PRZEGLĄDAJ" /></h:link>
                                <h:link outcome="/index"><rich:panelMenuItem label="POMOC"  /></h:link>
                                <h:link outcome="/regulamin.pdf"><rich:panelMenuItem label="REGULAMIN" /></h:link>
                            </rich:panelMenuGroup>
                            <rich:panelMenuGroup label="TWOJE KONTO">
                                <h:link outcome="/uzytkownik/settings"><rich:panelMenuItem label="USTAWIENIA" /></h:link>
                                <h:link outcome="/uzytkownik/change"><rich:panelMenuItem label="ZMIANA HASŁA" /></h:link>
                            </rich:panelMenuGroup>
                            <rich:panelMenuGroup label="FAQ">
                                <h:link outcome="/faq"><rich:panelMenuItem label="PRZEGLADAJ FAQ" /></h:link>
                                <h:link outcome="/ask"><rich:panelMenuItem label="ZADAJ PYTANIE" /></h:link>
                            </rich:panelMenuGroup>
                        </rich:panelMenu>
                    </h:panelGrid>
                
                    </div>
                    <div id="content">
                         <ui:insert name="content">

                        </ui:insert>
                    </div>
                    <div id="rightborder">
                        
                    </div>
                </div>
                <div id="footer">
                     <ui:insert name="bottom">Stopka</ui:insert>
                </div>
            </div>
            <br/>
        </div>
       </h:form>
    </h:body>

</ui:composition>
